<extend name="Base:base" />
<block name="log">
      <img alt="Eni Gma" src="__ROOT__/Public/Uploads/Logs/{$log.imageurl}">
</block>
<block name="title">{$this_menu}</block>
<block name="javascript">
<script>
        $(function() {
            $("#jqt2").addClass("active");
        });
</script>
<link rel="stylesheet" href="__PUBLIC__/css/jquery.fancybox.css" >
<script src="__PUBLIC__/js/jquery.elastislide.js"></script>
<script src="__PUBLIC__/js/jquery.fancybox.pack.js"></script>
<script>
$(document).ready(function() {
    //  Initialize Backgound Stretcher
    $('BODY').bgStretcher({
        images: ['__ROOT__/Public/Uploads/Backgrounds/{$backgrounds[0]["imageurl"]}'],
    imageWidth: 1600,
    imageHeight: 964,
    resizeProportionally:true
    });
$('#carousel').elastislide({imageW :300,margin: 20,minItems: 3});
$('.magnifier').fancybox();
    
$(".view").hover(
function(){$(this).find("img").stop().animate({opacity:0.5},"normal")},
function(){$(this).find("img").stop().animate({opacity:1},"normal")})
})
        
</script>
</block>
<block name="content">
 <section id="content">
    <div class="main-block">
        <div class="main">
            <h3>{$Think.lang.search_result}</h3>

            <div id="carousel" class="es-carousel-wrapper ">
                <div class="es-carousel">
                    <ul>
                        <volist name="products_final" id="products">
                        <li>
                            <volist name="products" id="product">
                            <figure class="img-rounded">
                            <a  class="view magnifier" data-fancybox-group="gallery" href="__ROOT__/Public/Uploads/Products/{$product.imageurl}" title="">
                            <img src="__ROOT__/Public/Uploads/Products/{$product.imageurl}" alt="" />
                            <span></span>
                            </a> 
                            </figure>
                            <h5>
                            <a href="{:U('Index/Products/view',array('id'=>$product['id']))}" alt='查看详细'>{$Think.lang.more_info}
                            </a>
                            </h5>
                            </volist>
                        </li>
                        </volist>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>
</div>
</block>